<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" >
    <title>联赛首页</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" type="text/css" href="../../css/league-index.css">
    <link rel="stylesheet" type="text/css" href="../../fonts/iconfont.css">
    <!-- styles needed by jScrollPane - include in your own sites -->
    <link type="text/css" href="../../css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="../../js/jquery.jscrollpane.min.js"></script>
    <style>
        /* 滚动条颜色 */
        .jspDrag{
            background: #14b9d6;
        }
        /* 滚动条背景色 */
        .jspVerticalBar,
        .jspHorizontalBar{
            background: transparent;
        }
        .jspTrack{
            background: rgba(46,50,56,.65);
            border-radius: 4px;
        }
        .jspDrag{
            height: 36px!important;
            background: #14b9d6;
        }
        /* 滚动条高度 */
        .jspHorizontalBar{
            height: 6px;
        }
        .jspHorizontalBar .jspDrag{
            width: 162px!important;
            height: 6px!important;
            border-radius: 4px;
        }
    </style>
    <script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.chat-container, .friends-list-wrap').jScrollPane(
                    {
                        hijackInternalLinks: true
                    }
            );
        });
    </script>
</head>
<body>
<div id="wrap">

    <div id="header">
        <div class="header">
            <div class="container">
                <a href=""><div class="logo"></div></a>
                <ul class="pull-left head-nav-link">
                    <li class="pull-left"><a href="http://lol.vpgame.com"><i class="icon-lol game-icon"></i><span>英雄联盟</span></a></li>
                    <li class="pull-left ml25"><a href="http://ow.vpgame.com" ><i class="icon-ow game-icon"></i><span>守望先锋</span></a></li>
                    <li class="pull-left ml25"><a href="http://www.vpgame.com" class="active"><i class="icon-dota game-icon"></i><span>DOTA2</span></a></li>
                </ul>                        <div class="language dropdown pull-right">
                <a class="btn-link" data-toggle="dropdown"  data-hover="dropdown" aria-haspopup="true" aria-expanded="true">
                    <i class="                                        country-cn
                                     active country-icon">
                    </i>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="###">
                            <i class="country-icon country-gb"></i>English(英语)
                        </a>
                    </li>
                </ul>
            </div>
                <div id="user-welcome">
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="container ">
                <ul>
                    <li class="first ">
                        <a href=""><p><i class="index-icon"></i></p>首页</a>
                    </li>
                    <li class="active">
                        <a href="http://fetures_dota_event.guess.dev.vpgame.cn/league.html">
                            <p>
                                <i class="hall-icon"></i>
                            </p>
                            赛事                                </a>
                    </li>
                    <li >
                        <a href="http://fetures_dota_event.guess.dev.vpgame.cn/match.html"><p><i class="spinach-icon"></i></p>竞猜</a>
                    </li>
                    <li class=""><a href=http://fetures_dota_event.guess.dev.vpgame.cn/wheel.html><p><span class="iconfont icon-jackpot"><b class="new-item-icon"></b></span></p>拼人品</a></li>                            <li >
                    <a href="http://develop.market.vpgame.cn"><p><i class="market-icon"></i></p>市场</a>
                </li>
                    <li >
                        <a href="http://fetures_dota_event.guess.dev.vpgame.cn/event/dota.html"><p><i class="news-icon"></i></p>V视角</a>
                    </li>
                    <li >
                        <a href="http://fetures_dota_event.guess.dev.vpgame.cn/roll.html"><p><i class="roll-icon"></i></p>ROLL饰品</a>
                    </li>
                    <li class="last " >
                        <a href="/user/my.html"><p><i class="user-icon"></i></p>我的VP</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="bodyer" class="pt20">
        <div class="container">
            <!--头部推荐-->
            <div class="league-recommend clearfix">
                <ul class="league-recommend-list clearfix">
                        <li class="league-recommend-first cleafix">
                            <div class="league-recommend-first-left">
                                <a href="###">
                                    <img src="../../img/league-index/league-index-recommend.jpg" alt="otk" width="170" height="94">
                                </a>
                                <p class="league-recommend-first-time">1天15小时28分钟后结束</p>
                                <div class="progress league-recommend-progress">
                                    <div class="progress-bar league-recommend-progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                        <span class="sr-only">60% Complete</span>
                                    </div>
                                </div>
                            </div>
                            <div class="league-recommend-first-right">
                                <h5>今日奖金</h5>
                                <div class="bonus text-orange">¥ 100,000</div>
                                <div class="number-of-players-wrap">已有  <span class="number-of-players font-color text-white ellipsis">1205</span><span class="f16 font-color text-white">人</span>  参赛</div>
                            </div>
                        </li>
                        <li class="league-recommend-second clearfix">
                            <h6>赏金猎人</h6>
                            <div class="league-recommend-second-left">
                                    <a href="###">
                                        <div class="league-recommend-second-avatar">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="60" height="60">
                                            <i class="crown"></i>
                                        </div>
                                    </a>
                                    <p class="name ellipsis">戒为良药戒为良药</p>
                                    <div class="level level-40"></div>
                                </div>

                            <div class="league-recommend-second-right">
                                <p class="title">截止到当前，共赢得赏金</p>
                                <div class="bonus">7,001,550P</div>
                                <div class="play-score">战绩<span class="font-color text-white ml30">30胜</span><span class="font-color text-white ml30">0负</span></div>
                                <div class="play-score">KDA<span class="font-color text-white ml30">15.3</span></div>
                            </div>
                        </li>
                        <li class="league-recommend-third">
                            <div class="clearfix">
                                <div class="pull-left">
                                    <a href="###">
                                        <img src="../../img/league-index/ace.jpg" alt="ace" width="170" height="94">
                                    </a>
                                </div>
                                <div class="league-recommend-third-right">
                                    <p class="bonus">¥ 1000+BMW750</p>
                                    <a href="">
                                        <div class="btn btn-apply">
                                            <span>立即报名</span>
                                        </div>
                                    </a>
                                    <div style="line-height: 1">32 时 30 分</div>
                                </div>
                            </div>
                            <div class="league-recommend-third-team">
                                <img src="../../img/league-index/weareyong.png" alt="" width="33" height="16">
                                <img src="../../img/league-index/lgd.png" alt="" width="33" height="17">
                                <img src="../../img/league-index/tongfu.png" alt="" width="29" height="21">
                                <img src="../../img/league-index/brave-heart.png" alt="" width="31" height="21">
                                <img src="../../img/league-index/wings.png" alt="" width="26" height="24">
                                <img src="../../img/league-index/lfy.png" alt="" width="42" height="15">
                            </div>
                        </li>
                        <li class="league-recommend-forth">
                            <h6>本周最佳阵容 <a href="###"><span class="pull-right">评选规则</span></a></h6>
                            <ul class="recommend-forth-players-list">
                                <li>
                                    <a href="">
                                        <div class="forth-players-list-avatar vip">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="50" height="50">
                                        </div>
                                    </a>
                                    <p class="forth-players-list-name vip ellipsis">Lorem</p>
                                    <div class="forth-players-list-position">C位</div>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="forth-players-list-avatar">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="50" height="50">
                                        </div>
                                    </a>
                                    <p class="forth-players-list-name ellipsis">戒为良药戒为良药戒为良药</p>
                                    <div class="forth-players-list-position">C位</div>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="forth-players-list-avatar">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="50" height="50">
                                        </div>
                                    </a>
                                    <p class="forth-players-list-name ellipsis">3Alone</p>
                                    <div class="forth-players-list-position">C位</div>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="forth-players-list-avatar">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="50" height="50">
                                        </div>
                                    </a>
                                    <p class="forth-players-list-name ellipsis">小宝宝</p>
                                    <div class="forth-players-list-position">C位</div>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="forth-players-list-avatar">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="50" height="50">
                                        </div>
                                    </a>
                                    <p class="forth-players-list-name ellipsis">小宝宝</p>
                                    <div class="forth-players-list-position">C位</div>
                                </li>
                            </ul>
                        </li>
                </ul>
                <div class="league-recommend-right">
                    <div class="clearfix">
                        <a href="###" class="league-link pull-left mr10">创建赛事</a>
                        <a href="###" class="league-link pull-left">创建战队</a>
                    </div>
                    <div class="battlefield">
                        <div class="battlefield-text">
                            <i class="star"></i>
                            战报
                        </div>
                        <ul class="battlefield-list">
                            <li>
                                <b class="battlefield-list-line"></b>
                                <p>
                                    <a href="">小风行</a> 在 <a href="###">CDEC大师赛-第三赛季中</a> 拿到了<br>
                                    暴走！！！<span class="time-status">2分钟前</span>
                                </p>
                            </li>
                            <li>
                                <b class="battlefield-list-line"></b>
                                <p>
                                    <a href="">PTGUI拼 </a> 在 <a href="###">CDEC大师赛-第三赛季中</a> 拿到了<br>
                                    暴走！！！<span class="time-status">2分钟前</span>
                                </p>
                            </li>
                            <li>
                                <b class="battlefield-list-line"></b>
                                <p>
                                    <a href="">小风行</a> 在 <a href="###">CDEC大师赛-第三赛季中</a> 拿到了<br>
                                    暴走！！！<span class="time-status">2分钟前</span>
                                </p>
                            </li>
                            <li>
                                <b class="battlefield-list-line"></b>
                                <p>
                                    <a href="">PTGUI拼 </a> 在 <a href="###">CDEC大师赛-第三赛季中</a> 拿到了<br>
                                    暴走！！！<span class="time-status">2分钟前</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix mt20">
                <!--杯赛or联赛推荐-->
                <div class="cup-or-league-recommend pull-left">
                    <ul class="nav nav-tabs recommend-events-nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#recommend-league" aria-controls="recommend-league" role="tab" data-toggle="tab" aria-expanded="false">推荐联赛</a></li>
                        <li role="presentation" class=""><a href="#recommend-cup" aria-controls="recommend-cup" role="tab" data-toggle="tab" aria-expanded="false">推荐杯赛</a></li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="recommend-league">
                            <table class="table league-table">
                                <thead>
                                    <tr>
                                        <th width="315">赛事名称</th>
                                        <th width="103">费用（P / 局）</th>
                                        <th width="111">在线/总人数</th>
                                        <th width="121">奖金</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/league-index-recommend.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name ellipsis">O.T.K娱乐赛-第二十二赛季</p>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr class="even">
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/ace.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name">O.T.K娱乐赛-第二十二赛季</p>
                                                    <div class="events-detail-star">
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                    </div>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/league-index-recommend.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name ellipsis">O.T.K娱乐赛-第二十二赛季</p>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr class="even">
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/ace.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name">O.T.K娱乐赛-第二十二赛季</p>
                                                    <div class="events-detail-star">
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                    </div>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/league-index-recommend.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name ellipsis">O.T.K娱乐赛-第二十二赛季</p>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                    <tr class="even">
                                        <td>
                                            <div>
                                                <div class="pull-left mr10">
                                                    <img src="../../img/league-index/ace.jpg" alt="" width="90" height="50">
                                                </div>
                                                <div class="events-detail">
                                                    <p class="events-detail-name">O.T.K娱乐赛-第二十二赛季</p>
                                                    <div class="events-detail-star">
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                        <i></i>
                                                    </div>
                                                    <p class="events-detail-mode">队长模式</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            10,000
                                        </td>
                                        <td>
                                            100 <span class="time-status">/ 2000</span>
                                        </td>
                                        <td>
                                            <span class="bonus text-orange">¥ 10,000+其他</span>
                                        </td>
                                        <td>
                                            <a href="###">
                                                <div class="btn btn-apply-join">报名参赛</div>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="recommend-cup">
                            <table class="table league-table">
                                <thead>
                                <tr>
                                    <th width="315">赛事名称</th>
                                    <th width="103">费用（P / 局）</th>
                                    <th width="111">在线/总人数</th>
                                    <th width="121">奖金</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        <div>
                                            <div class="pull-left mr10">
                                                <img src="../../img/league-index/league-index-recommend.jpg" alt="" width="90" height="50">
                                            </div>
                                            <div class="events-detail">
                                                <p class="events-detail-name ellipsis">O.T.K娱乐赛-第二十二赛季</p>
                                                <p class="events-detail-mode">队长模式</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        10,000
                                    </td>
                                    <td>
                                        100 <span class="time-status">/ 2000</span>
                                    </td>
                                    <td>
                                        <span class="bonus text-orange">¥ 10,000+其他</span>
                                    </td>
                                    <td>
                                        <a href="###">
                                            <div class="btn btn-apply-join">报名参赛</div>
                                        </a>
                                    </td>
                                </tr>
                                <tr class="even">
                                    <td>
                                        <div>
                                            <div class="pull-left mr10">
                                                <img src="../../img/league-index/ace.jpg" alt="" width="90" height="50">
                                            </div>
                                            <div class="events-detail">
                                                <p class="events-detail-name">O.T.K娱乐赛-第二十二赛季</p>
                                                <div class="events-detail-star">
                                                    <i></i>
                                                    <i></i>
                                                    <i></i>
                                                    <i></i>
                                                    <i></i>
                                                </div>
                                                <p class="events-detail-mode">队长模式</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        10,000
                                    </td>
                                    <td>
                                        100 <span class="time-status">/ 2000</span>
                                    </td>
                                    <td>
                                        <span class="bonus text-orange">¥ 10,000+其他</span>
                                    </td>
                                    <td>
                                        <a href="###">
                                            <div class="btn btn-apply-join">报名参赛</div>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!--本周赢家-->
                <div class="week-winners pull-right">
                    <div class="index-nav-head text-left">
                        <span class="f-14">本周赢家</span>
                    </div>
                    <ul class="week-winners-title-list">
                        <li class="rank">排名</li>
                        <li class="players">玩家</li>
                        <li class="win-or-lose">胜/负</li>
                        <li class="profit">收益</li>
                    </ul>
                    <ol class="league-list week-winners-list">
                        <li class="league-list-item first">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">1</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLEJUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item even second">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">2</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item third">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">3</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                        <li class="league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-rank">4</span>
                                </div>
                                <div class="media-left media-middle">
                                    <img src="../../img/league-index/recent-league-avatar.png" alt="" width="26" height="26">
                                </div>
                                <div class="media-left media-middle">
                                    <span class="week-winners-list-name ellipsis">JUST_KILLE</span>
                                </div>
                                <div class="week-winners-list-winlose">100 / 12</div>
                                <div class="week-winners-list-profit">100万P</div>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="clearfix">
                <!--打比赛赢奖金-->
                <div class="play-to-winbonus pull-left mr20">
                    <div class="index-nav-head text-left">
                        <span class="f-14">打比赛，赢奖金</span>
                    </div>
                    <div class="play-to-winbonus-top">
                        <p class="f26 bonus text-orange">¥ 100,000</p>
                        <p>本周总奖金</p>
                    </div>
                    <div class="time-to-come">
                    </div>
                    <div class="play-to-winbonus-rules">
                        <h6>规则</h6>
                        <p class="play-to-winbonus-rules-detail">参加VPGAME赛事平台的任一联赛，系统将根据联赛等级计算玩家积分，积分排名前十的获得奖金</p>
                        <div><a href="###">查看详情 <i class="iconfont icon-add"></i></a></div>
                    </div>
                    <div class="current-score">
                        <h6>当前积分排名</h6>
                        <ol class="current-score-list">
                            <li class="current-score-list-item league-list-item first">
                                <a href="">
                                    <div class="media-left media-middle">
                                        <span class="league-rank-mark icon iconfont">&#xe664</span>
                                    </div>
                                    <div class="media-left clearfix">
                                        <div class="radius-hack pull-left mr10">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="38" height="38">
                                        </div>
                                        <span class="current-score-username ellipsis">EHOMEEHOMEEHOMEEHOME</span>
                                    </div>

                                    <div class="media-right media-middle current-score-score ellipsis">
                                        <span class="iconfont icon-new-arrowup text-radiant"></span>
                                        <span class="font-color text-white">155615561556</span>
                                    </div>
                                </a>
                            </li>
                            <li class="current-score-list-item league-list-item second">
                                <a href="">
                                    <div class="media-left media-middle">
                                        <span class="league-rank-mark">2</span>
                                    </div>
                                    <div class="media-left clearfix">
                                        <div class="radius-hack pull-left mr10">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="38" height="38">
                                        </div>
                                        <span class="current-score-username ellipsis">EHOMEEHOME</span>
                                    </div>
                                    <div class="media-right media-middle current-score-score ellipsis">
                                        <span class="iconfont icon-new-arrowup text-radiant"></span>
                                        <span class="font-color text-white">155615561556</span>
                                    </div>
                                </a>
                            </li>
                            <li class="current-score-list-item league-list-item third">
                                <a href="">
                                    <div class="media-left media-middle">
                                        <span class="league-rank-mark">3</span>
                                    </div>
                                    <div class="media-left clearfix">
                                        <div class="radius-hack pull-left mr10">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="38" height="38">
                                        </div>
                                        <span class="current-score-username ellipsis">EHOMEEHOME</span>
                                    </div>

                                    <div class="media-right media-middle current-score-score ellipsis">
                                        <span class="iconfont icon-new-arrowup text-radiant"></span>
                                        <span class="font-color text-white">155615561556</span>
                                    </div>
                                </a>
                            </li>
                            <li class="current-score-list-item league-list-item">
                                <a href="">
                                    <div class="media-left media-middle">
                                        <span class="league-rank-mark">4</span>
                                    </div>
                                    <div class="media-left clearfix">
                                        <div class="radius-hack pull-left mr10">
                                            <img src="../../img/league-index/recent-league-avatar.png" alt="" width="38" height="38">
                                        </div>
                                        <span class="current-score-username ellipsis">EHOMEEHOME</span>
                                    </div>

                                    <div class="media-right media-middle current-score-score ellipsis">
                                        <span class="iconfont icon-new-arrowup text-radiant"></span>
                                        <span class="font-color text-white">155615561556</span>
                                    </div>
                                </a>
                            </li>
                        </ol>
                    </div>
                </div>
                <!--杯赛看点-->
                <div class="cup-hot pull-left mr20">
                    <div class="index-nav-head text-left">
                        <span class="f-14">杯赛看点</span>
                    </div>
                    <ul class="cup-hot-list text-center">
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/cdec.png" alt="" width="62" height="48">
                                </div>
                                <p class="mt10">CDEC</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/ehomek.png" alt="" width="80" height="31">
                                </div>
                                <p class="mt10">Ehome.K</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score">5 : 0</p>
                            </div>
                        </li>
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/cdec.png" alt="" width="62" height="48">
                                </div>
                                <p class="mt10">CDEC</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/ehomek.png" alt="" width="80" height="31">
                                </div>
                                <p class="mt10">Ehome.K</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score bo">BO2</p>
                            </div>
                        </li>
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/lgd1.png" alt="" width="80" height="39">
                                </div>
                                <p class="mt10">LGD</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/newbee.png" alt="" width="45" height="41">
                                </div>
                                <p class="mt10">NewBee</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score">5 : 0</p>
                            </div>
                        </li>
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/lgd1.png" alt="" width="80" height="39">
                                </div>
                                <p class="mt10">LGD</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/newbee.png" alt="" width="45" height="41">
                                </div>
                                <p class="mt10">NewBee</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score">5 : 0</p>
                            </div>
                        </li>
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/lgd1.png" alt="" width="80" height="39">
                                </div>
                                <p class="mt10">LGD</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/newbee.png" alt="" width="45" height="41">
                                </div>
                                <p class="mt10">NewBee</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score">5 : 0</p>
                            </div>
                        </li>
                        <li class="cup-hot-list-item">
                            <a href="###" class="pull-left">
                                <div class="img-wrap media-middle">
                                    <img src="../../img/league-index/lgd1.png" alt="" width="80" height="39">
                                </div>
                                <p class="mt10">LGD</p>
                            </a>

                            <a href="###" class="pull-right">
                                <div class="img-wrap">
                                    <img src="../../img/league-index/newbee.png" alt="" width="45" height="41">
                                </div>
                                <p class="mt10">NewBee</p>
                            </a>
                            <div class="media-body media-middle">
                                <p class="cup-hot-events-name">VPL邀请赛小组赛</p>
                                <p class="cup-hot-events-score">5 : 0</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--战队排行-->
                <div class="team-rank pull-left">
                    <div class="index-nav-head text-left">
                        <span class="f-14">战队排行</span>
                        <i class="iconfont pull-right mr20 help-icon">&#xe674;</i>
                    </div>
                    <ul class="league-teamrank-title-list">
                        <li class="rank">排名</li>
                        <li class="team">战队</li>
                        <li class="profit">收益</li>
                    </ul>
                    <ol class="league-teamrank-list">
                        <li class="league-teamrank-list-item league-list-item first">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark icon iconfont">&#xe664</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/ehome.png" alt="" width="57" height="22">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EHOMEEHOME</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item even second">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">2</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowdown text-dire league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item third">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">3</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowdown text-radiant league-teamrank-score-trend trend-border"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">4</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">5</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">6</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">7</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item even">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">8</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        <li class="league-teamrank-list-item league-list-item">
                            <a href="###">
                                <div class="media-left media-middle">
                                    <span class="league-rank-mark">9</span>
                                </div>
                                <div class="media-left media-middle league-teamrank-img">
                                    <img src="../../img/league-index/team-rank-pic.png" alt="" width="58" height="35">
                                </div>
                                <div class="media-left media-middle ">
                                    <p class="league-teamrank-teamname ellipsis" title="">EG</p>
                                </div>
                                <div class="media-left media-middle league-teamrank-score ellipsis" title="">
                                    <span>1556 P</span>
                                    <span class="iconfont icon-new-arrowup text-radiant league-teamrank-score-trend"></span>
                                </div>
                            </a>
                        </li>
                        </ol>
                    </div>
                </div>
        </div>
        <div class="league-eventshot mt20">
            <div class="container">
                <!--赛事热点-->
                <div class="league-title-wrap mt10 mb10">
                    <div class="league-title-content-wrap">
                        <h6 class="league-title-content">
                            赛事热点
                            <span class="league-title-dot left"></span>
                            <span class="league-title-dot right"></span>
                        </h6>
                        <b class="league-title-border left"></b>
                        <b class="league-title-border right"></b>
                    </div>
                </div>
                <ul class="league-eventshot-list">
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                    <li class="league-eventshot-list-item">
                        <a href="###">
                            <div class="league-eventshot-img-wrap">
                                <img src="../../img/league-index/events-hot.png" alt="" width="201" height="120">
                            </div>
                            <p class="league-eventshot-name">ESL ONE纽约站预选赛冠军决出</p>
                        </a>
                        <p><span>5分钟前</span><span class="ml10 comment"><a href="###">评论156</a></span></p>
                    </li>
                </ul>
            </div>
        </div>
        <!--功能模块-->
        <div class="league-action">
            <div class="container">
                <ul class="league-action-list pull-left clearfix">
                    <!--聊天大厅-->
                    <li class="first-child ">
                        <a href="###">
                            <div class="item-chat active">
                                <i class="iconfont icon-peoples"></i>
                            </div>
                            <p class="mt10">聊天大厅</p>
                        </a>
                    </li>
                    <!--匹配模式-->
                    <li>
                        <a href="###">
                            <div class="item-match-mode">
                                <i class="iconfont icon-peoples"></i>
                            </div>
                            <p class="mt10">匹配模式</p>
                        </a>
                    </li>
                    <!-- 我的好友 -->
                    <li class="active">
                        <a href="###">
                            <div class="item-friends">
                                <i class="iconfont icon-username"></i>
                            </div>
                            <p class="mt10">60/200</p>
                        </a>
                    </li>
                    <div class="friends-list-wrap">
                            <ul class="friends-list" style="width: 2000px;">
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name">蓝猫要先跳</p>
                                </li>
                                <li class="pull-left">
                                    <div class="item-friends-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="36" height="36">
                                    </div>
                                    <p class="item-friends-avatar-name ellipsis">蓝猫要先跳蓝猫要先跳</p>
                                </li>
                            </ul>
                        </div>
                    <!-- 匹配比赛 -->
                    <li>
                        <a href="###">
                            <div class="item-match-game">
                                <i class="iconfont icon-peoples"></i>
                            </div>
                            <p class="mt10">匹配比赛</p>
                        </a>
                    </li>
                    <div class="match-game hidden">
                        <ul class="league-action-match-list pull-left">
                            <li class="first-child">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">
                                        <img src="../../img/league-index/recent-league-avatar.png" alt="" width="55" height="55">
                                    </div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">
                                        <img src="http://thumb.vpgcdn.com/crop/250x132/15b362613.png" alt="" width="55" height="55">
                                    </div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                        </ul>
                        <span class="league-action-match-vs pull-left">VS</span>
                        <ul class="league-action-match-list pull-left">
                            <li class="first-child">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack"></div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                            <li class="">
                                <a href="###">
                                    <div class="match-game-avatar radius-hack">+</div>
                                </a>
                            </li>
                        </ul>
                        <button type="button" class="btn btn-match-game">匹配比赛</button>
                    </div>
                </ul>
                <!--匹配模式弹出框-->
                <div class="league-match-mode">
                    <h5 class="mode-title">杯赛</h5>
                    <div class="cup-check-box">
                        <div class="radio">
                            <label class="cup-lable">
                                <input type="radio" name="" id="" value="option1">
                                VS <div class="match-mode-img"><img src="" alt="" width="31" height="20"></div>LGD.FY <span class="pull-right">3分钟后</span>
                            </label>
                            <label class="cup-lable">
                                <input type="radio" name="" id="" value="option1">
                                VS <div class="match-mode-img"><img src="" alt="" width="31" height="20"></div>LGD.FY <span class="pull-right">3分钟后</span>
                            </label>
                            <label class="cup-lable">
                                <input type="radio" name="" id="" value="option1">
                                VS <div class="match-mode-img"><img src="" alt="" width="31" height="20"></div>LGD.FY <span class="pull-right">3分钟后</span>
                            </label>
                        </div>
                    </div>
                    <h5 class="mode-title">联赛</h5>
                    <div class="league-check-box">
                        <div class="check-box">
                            <label class="league-lable">
                                <input type="checkbox" id="" value="option1">
                                CDEC精英赛 - 第三赛季 <span class="pull-right font-color text-radiant">120人在线</span>
                            </label>
                            <label class="league-lable">
                                <input type="checkbox" id="" value="option1">
                                CDEC精英赛 - 第三赛季 <span class="pull-right font-color text-radiant">120人在线</span>
                            </label>
                            <label class="league-lable">
                                <input type="checkbox" id="" value="option1">
                                CDEC精英赛 - 第三赛季 <span class="pull-right font-color text-radiant">120人在线</span>
                            </label>
                        </div>
                    </div>
                    <h5 class="mode-title">赏金赛 <a class="pull-right mr20" href="###">规则</a></h5>
                    <div class="bonus-check-box">
                        <div class="radio">
                            <label class="bonus-lable">
                                <input type="radio" name="" id="" value="option1">
                                1000 P / 局
                            </label>
                            <label class="bonus-lable">
                                <input type="radio" name="" id="" value="option1">
                                5000 P / 局
                            </label>
                            <label class="bonus-lable">
                                <input type="radio" name="" id="" value="option1">
                                10,000 P / 局
                            </label>
                        </div>
                    </div>
                </div>
                <!--聊天大厅弹出框-->
                <div class="league-chat-room hidden">
                    <h5 class="chat-title"><span class="font-color text-blue">世界大厅</span><span class="team">队伍</span>CDEC大师赛 - 第二赛季</h5>
                    <div class="chat-container clearfix">
                        <p class="other"><span class="player-name">小风行</span>赏金模式，任一选择，来人啦</p>
                        <p class="other"><span class="player-name">小风行</span>赏金模式，任一选择，来人啦</p>
                        <p class="other"><span class="player-name">小风行</span>赏金模式，任一选择，来人啦</p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                        <p class="me pull-right">赏金模式，任一选择，来人啦<span class="player-name">小风行</span></p>
                    </div>
                    <div class="chat-content">
                        <textarea name="" id="">赏金模式，任一选择，来人啦</textarea>
                        <button type="button" class="pull-right btn btn-send">发送</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="footer">
        <div class="container">
            <div class="clearfix mt20 mb10">
                <a class="app-download pull-left" href="###">
                    <img src="/img/vpgame-weixin.jpg" width="82" height="82" alt=""/>
                    <p>
                        下载手机端                            </p>
                </a>
                <ul class="pull-right hot-line">
                    <li class="telephone">
                        客服热线<i class="ml10 f16">400-800-6676</i>
                    </li>
                    <li class="cooperate-email">
                                <span class="telephone mr10">
                                    商务合作                                </span>
                    </li>
                </ul>
                <dl class="footer-link">
                    <dt>功能介绍</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&lang=zh_cn">饰品竞猜</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&lang=zh_cn">ROLL活动</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&lang=zh_cn">赛事平台</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>新手帮助</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=78&lang=zh_cn">竞猜教程</a>
                    </dd>
                    <dd>
                        <a href="http://www.vpgame.com/help/new.html?id=582&lang=zh_cn">存取教程</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=85&lang=zh_cn">市场教程</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>关于我们</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/help/new.html?id=127&lang=zh_cn">VPGAME</a>
                    </dd>
                    <dd>
                        <a href="javascript:void(0);">联系我们</a>
                    </dd>
                    <dd>
                        <a href="/job" target="_bank">招贤纳士</a>
                    </dd>
                </dl>
                <dl class="footer-link">
                    <dt>投诉建议</dt>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">举报不良信息</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">投诉玩家</a>
                    </dd>
                    <dd>
                        <a href="http://dota2.vpgame.com/user/ticket.html">意见反馈</a>
                    </dd>
                </dl>                    </div>
            <div class="friendly-link">
                <span class="pull-left">友情连接：</span>
                <p class="friendly-link-content">
                    <a href="http://www.dota2tester.com" class="mb10" target="_blank">DOTA2测试者论坛</a>
                    <a href="http://www.dota2rpg.com" class="mb10" target="_blank">DOTA2RPG</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                    <a href="http://www.tiantian.tv/" class="mb10" target="_blank">天天直播</a>
                </p>
            </div>
            <hr/>
            <div class="footer-bottom">
                <div class="clearfix">
                    <p class="copyright text-center">
                        杭州威佩网络科技有限公司<span class="footer-border-seperate">|</span>浙ICP备14028335号-2<span class="footer-border-seperate">|</span>增值电信业务经营许可证：浙B2-20140286<span class="footer-border-seperate">|</span>Copyright©2014 <a href="http://www.vpgame.com">vpgame.com</a>  All rights reserved.                            </p>
                </div>
            </div>
        </div>
    </div>

    <div id="affix-nav">
        <ul class="affix-nav">
            <li class="n-top" id="scroll-up" title="回到顶部">
                <a href="###"><i></i></a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>